    <link href="../css/dcverticalmegamenu.css" rel="stylesheet" type="text/css" />
    <script type='text/javascript' src='../js/jquery.hoverIntent.minified.js'></script>
    <script type='text/javascript' src='../js/jquery.dcverticalmegamenu.1.3.js'></script>
    <script type="text/javascript">
    $(document).ready(function($){

		$(".test").css("display", true);//Gif mientras se carga el menú vertical		
    
        $('#mega-1').dcVerticalMegaMenu({
            rowItems: '3',
            speed: 'fast',
            effect: 'show',
            direction: 'right'
        });
        $('#mega-2').dcVerticalMegaMenu({
            rowItems: '3',
            speed: 'slow',
            effect: 'fade',
            direction: 'left'
        });
        $('#mega-3').dcVerticalMegaMenu({
            rowItems: '4',
            speed: 'slow',
            effect: 'slide',
            direction: 'right'
        });
        $('#mega-4').dcVerticalMegaMenu({
            rowItems: '3',
            speed: 'fast',
            effect: 'slide',
            direction: 'left'
        });
		
		//Cuando ya cargo el menú vertical
		$("#loader").hide();		
		$(".test").css("display", false);
    
    });
    </script>  
    <div>
        <div class="demo-container clear" >
           	<div id="loader" ><img src="../imagenes/menuVertical/loading.gif" width="25px" height="25px"></div>        
            <div class="test" >
                <ul id="mega-1" class="mega-menu" >
                	<?php menuVertical($_GET['ms']);?>
                </ul>
            </div>
        </div>
    </div>